<!doctype html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Smart Excursion</title>
        <script type="text/javascript" src="static/OpenLayers.js" >
        </script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js"
                data-dojo-config="isDebug: true,parseOnLoad: true">            
        </script>
        <script type=text/javascript>
        //http://wiki.openstreetmap.org/wiki/OpenLayers_Simple_Example
        //http://trac.osgeo.org/openlayers/wiki/Documentation
        //https://github.com/openlayers/openlayers
        //http://docs.openlayers.org/contents.html
        function init(){
    var proj4326 = new OpenLayers.Projection("EPSG:4326");
    var projmerc = new OpenLayers.Projection("EPSG:900913");

    var lonlat = new OpenLayers.LonLat(0, 0);
    var zoom = 1;

    var map = new OpenLayers.Map("Map", {
			controls: [
				new OpenLayers.Control.KeyboardDefaults(),
				new OpenLayers.Control.Navigation(),
				new OpenLayers.Control.LayerSwitcher(),
				new OpenLayers.Control.PanZoomBar(),
                new OpenLayers.Control.MousePosition()
            ],
			maxExtent:
                new OpenLayers.Bounds(-20037508.34,-20037508.34,
                                       20037508.34, 20037508.34),
			numZoomLevels: 18,
            maxResolution: 156543,
            units: 'm',
            projection: projmerc,
            displayProjection: proj4326
    } );

    var mapnik_layer = new OpenLayers.Layer.XYZ('OSM Mapnik', 'http://tile.openstreetmap.org/${z}/${x}/${y}.png'); /*, {
        sphericalMercator: true
    });*/

    var tah_layer = new OpenLayers.Layer.XYZ('OSM Tiles@Home', 'http://tah.openstreetmap.org/Tiles/tile/${z}/${x}/${y}.png'); /*, {
        sphericalMercator: true
    });*/

    map.addLayers([mapnik_layer, tah_layer]);

    lonlat.transform(proj4326, projmerc);
    map.setCenter(lonlat, zoom);
}
        </script>
    </head>
    <body onload='init();'>
        <div id='Map' style='width: 500px; height: 500px;'>
        </div>
    </body>
</html>